﻿<Page x:Class="App50.MainPage"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
      xmlns:local="using:App50"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
      mc:Ignorable="d">

    <Page.TopAppBar>
        <CommandBar>
            <AppBarButton />
        </CommandBar>
    </Page.TopAppBar>
    
    <Page.Resources>
        <x:Double x:Key="BackImageHeight">1</x:Double>
        <x:Double x:Key="BackImageWidth">16</x:Double>
        <Style x:Key="BackStack" TargetType="StackPanel">
            <Setter Property="HorizontalAlignment" Value="Left" />
            <Setter Property="VerticalAlignment" Value="Center" />
            <Setter Property="Orientation" Value="Horizontal" />
            <Setter Property="RenderTransformOrigin" Value="0,.5" />
        </Style>
        <Style x:Key="BackImage" TargetType="Image">
            <Setter Property="Height" Value="{StaticResource BackImageHeight}" />
            <Setter Property="Width" Value="{StaticResource BackImageWidth}" />
        </Style>
    </Page.Resources>

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <StackPanel Style="{StaticResource BackStack}">
            <Panel.RenderTransform>
                <CompositeTransform x:Name="Transform0" />
            </Panel.RenderTransform>
            <Image Source="Assets/BACKGROUND-0.png" Style="{StaticResource BackImage}" />
            <Image Source="Assets/BACKGROUND-0.png" Style="{StaticResource BackImage}" />
            <Image Source="Assets/BACKGROUND-0.png" Style="{StaticResource BackImage}" />
        </StackPanel>
        <StackPanel Style="{StaticResource BackStack}">
            <Panel.RenderTransform>
                <CompositeTransform x:Name="Transform1" />
            </Panel.RenderTransform>
            <Image Source="Assets/BACKGROUND-1.png" Style="{StaticResource BackImage}" />
            <Image Source="Assets/BACKGROUND-1.png" Style="{StaticResource BackImage}" />
            <Image Source="Assets/BACKGROUND-1.png" Style="{StaticResource BackImage}" />
        </StackPanel>
        <StackPanel Style="{StaticResource BackStack}">
            <Panel.RenderTransform>
                <CompositeTransform x:Name="Transform2" />
            </Panel.RenderTransform>
            <Image Source="Assets/BACKGROUND-2.png" Style="{StaticResource BackImage}" />
            <Image Source="Assets/BACKGROUND-2.png" Style="{StaticResource BackImage}" />
            <Image Source="Assets/BACKGROUND-2.png" Style="{StaticResource BackImage}" />
        </StackPanel>
    </Grid>
</Page>
